<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>二狗音乐播放器</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" type="text/css" href="css/swiper-3.4.0.min.css">
	<link rel="stylesheet" type="text/css" href="css/music.css">
	<script type="text/javascript" src="js/swiper-3.4.0.min.js"></script>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
	<div id="bg">
		<header>
			<span>&#xe73d;</span>
			<div>
				<p class="name">袖手旁观</p>
				<p class="songer"><span class="author">李健</span ><span class="logo">&#xe6dd;二狗音乐</span></p>		
			</div>
			<span>&#xe601;</span>
		</header>
		<main>
			<div class="swiper-container">
				  <div class="swiper-wrapper">
					    <div class="swiper-slide"><div class="page1">
					    	<div id="dog">
					    	</div>	
					    	<div class="btntop">
					    	<!-- &#xe6e6; -->
					    		<span class="down">&#xe6be;</span>
					    		<span class="share">&#xe603;</span>
					    		<span class="soundOff">&#xe600;</span>
					    		<span class="playback">&#xe607;</span>
					    	</div>
					    </div></div>
					    <div class="swiper-slide"><div class="page2">
					    	<ul id="page2">
					    		<li><span class="Pname">袖手旁观</span> <span class="Psonger">-李健</span></li>
								<li><span class="Pname">当你老了</span><span  class="Psonger">-莫文蔚 (Karen Mok)</span></li>
								<li><span class="Pname">我在人民广场吃炸鸡</span><span  class="Psonger">-阿肆</span></li>			
							</ul>
					    </div></div>
					    <div class="swiper-slide"><div class="page3">
					    	<p>
							袖手旁观 (Live) - 李健
								词：姚谦
								曲：黄国伦
								编曲：梁翘柏,达日丹
								寂寞让人盲
								思念让人慌
								多喝一点酒
								多吹一些风
								能不能解放
								生活有些忙
								坚持有点难
								闭上一只眼
								点上一根烟
								能不能不管
								你最近好吗
								身体可无恙
								多想不去想
								夜夜偏又想
								真教人为难
								你的脸庞
								闭上眼睛就在我面前转呀转
								我拿什么条件能够把你遗忘
								除非我们
								从一开始就不曾爱过对方
								你的近况
								断续从朋友口中传到我耳畔
								我拿什么条件可以袖手旁观
								除非你说
								离开我你从不曾觉得遗憾
								生活有些忙
								坚持有点难
								闭上一只眼
								点上一根烟
								能不能不管
								你最近好吗
								身体可无恙
								多想不去想
								夜夜偏又想
								真教人为难
								你的脸庞
								闭上眼睛就在我面前转呀转
								我拿什么条件能够把你遗忘
								除非我们
								从一开始就不曾爱过对方
								你的近况
								断续从朋友口中传到我耳畔
								我拿什么条件可以袖手旁观
								除非你说
								离开我你从不曾觉得
								遗憾
							</p>
					    </div></div>
				  </div>
				  <div class="swiper-pagination"></div>
			</div>
		</main>
		<footer>
			<div class="progress">
				<span class="startTime">4:00 </span><progress value="100" max="100"></progress><span class="endTime">3:11</span>
			</div>
			<div class="btnButtom">
				<span class="songMenu">&#xe726;</span>
				<div class="center">
					<span class="MovePrevious">&#xe63c;</span>
					<span class="stop">&#xe605;</span>
					<span class="MoveNext">&#xe63d;</span>
				</div>
				<span class="collect">&#xe649;</span>
			</div>
		</footer>
		<div id="songMenu" style="display:none;">
			<p>我的音乐列表  &#xe601;</p>
			<ul class="songMenu">	
				<li><span class="Mname">袖手旁观</span> <span class="Msonger">-李健</span></li>
				<li><span class="Mname">当你老了</span> <span  class="Msonger">-莫文蔚 (Karen Mok)</span></li>	
				<li><span class="Mname">我在人民广场吃炸鸡</span> <span class="Msonger">-阿肆</span></li>			
			</ul>
			<p class="off">关闭</p>
		</div>
	</div>
	<audio src="mp3/袖手旁观.mp3"></audio>
</body>
<script type="text/javascript" src="js/music.js"></script>
</html>